<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>《如梦令》</title>
</head>
<style>
    h2{
        font-size: 20px;
    }
    p{
        font-size: 16px;
    }
    .zhengwen_yiwen{
        color: green;
    }
    #yiwen{
        color: blue;
    }
</style>
<body>
    <h2>如梦令</h2><hr>
    <p class="zhengwen_yiwen"> 
        <a>昨夜雨疏风骤，浓睡不消残酒，</a><br>
        <a>试问卷帘人，却道海棠依旧。</a><br>
        <a>知否，知否，应是绿肥红瘦。</a>
    </p>
    <p id="yiwen">译文</p>
    <p class="zhengwen_yiwen">
        <a>昨夜雨点疏落风势猛烈，沉沉地睡了一觉也消不了残留的醉意。</a><br>
        <a>试着问那卷帘的侍女，却回答说海棠花依旧鲜嫩。</a><br>
        <a>知不知道啊？知不知道啊？应该是叶儿茂盛花儿凋零。</a>
    </p>
</body>
</html>